
<template >
    <div class="singer-home">
       <!-- 歌手信息 -->
       <van-nav-bar
          title="歌手信息"  
          left-text="返回"
          left-arrow
          @click-left="onclickLeft"
        />
        <img :src="singer.singer_pic" alt="">
            <van-tabs v-model="active">
            <van-tab title="百科" >
                <SingerIntro :singerId="id"/>
            </van-tab>
            <van-tab title="歌曲" >
                <SingerSong :singerId="id"/>
            </van-tab>
            </van-tabs>
   
    </div>
    
</template>
<script>
import SingerIntro from './components/SingerIntro.vue'
import SingerSong from './components/SingerSong.vue'
export default {
    data() {
    return {
    active: 0,
     id: this.$route.params.id,
     singer:{}
    };
  },
  created(){
      this.singer = this.$store.state.singer
  },

    methods:{
        onclickLeft(){
            window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
        },
    },
    components:{
        SingerIntro,
        SingerSong
    }
}
</script>
<style  scoped>

</style>